﻿/* 登录页面样式开始 */
.indexlogin{
  background:url("../images/loginbg.jpg") no-repeat scroll center center transparent;
  height:760px;
  overflow: hidden;
  transition: opacity 800ms ease-in-out 0s;
  width:100%;
}
.loginbanner{
  color:#ffffff;
  height:80px;
/*   line-height:80px; */
}
.loginbanner .loginleft{
  width:120px;
  float:left;
/*   height:68px; */
  padding-top:21px;
  text-align:left;
}
.loginbanner .loginCenter{
  width:860px;
  float:left;
  text-align: right;
  font-size:16px;
  line-height: 34px;
}
.loginbanner .logincenter{
  width:860px;
  float:left;
  text-align: right;
  font-size:16px;
  line-height: 34px;
  margin-top:3px;
}
.loginbanner .logincenter a{
  display:inline-block;
/*   width:60px; */
  margin-right:25px;
  line-height:24px;
  color:#ffffff;
}
.loginbanner .logincenter .cur{
  border-bottom:2px solid #ffffff;
}
.loginbanner .loginright{
/*   width:100px; */
  float:right;
  text-align:right;
  position:relative;
}
.loginbanner .loginright .productImg{
  display:inline-block;
  background:url("../images/my_product.png");
  width:22px;
  height:22px;
  position:relative;
  top:5px;
}
.loginbanner .loginright .word{
  display:inline-block;
  line-height:24px;
  margin:0 12px 0 6px;
  text-align:left;
  height:22px;
/*   width:60px; */
  cursor:pointer;
  position:relative;
}
.loginbanner .loginright .word .triangle{
  display:inline-block;
  background:url("../images/triangle.png") no-repeat scroll 0px 0px transparent;
  width:8px;
  height:6px;
  margin-left:10px;
}
.loginbanner .loginright .myPorduct{
  right: 1px;
  top: 54px;
}
.loginbanner .loginright2{
/*   width:112px; */
  float:right;
  text-align:right;
  line-height: 26px;
  font-size: 12px;
}
.loginbanner .loginright2 a{
  display:inline-block;
  margin-left:13px;
  margin-right:2px;
  line-height:24px;
  color:#ffffff;
}
.loginbanner .loginright2 .cur{
  border-bottom:2px solid #ffffff;
}
.banner_before_enter_kline {
    float: left;
    margin: 7px 0 3px 10px;
    vertical-align: middle;
}
.kline_white {
    background: url("../images/kline_white.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 12px;
    width: 16px;
}
.kline_white:hover {
    background: url("../images/kline_h.png") no-repeat scroll 0 0 transparent;
}
.loginContent{
/*   width:860px; */
  width:1180px;
}
.loginContent .loginWord{
  float:right;
  width:630px;
  text-align:right;
  color:#ffffff;
  margin-top:180px;
  margin-right:85px;
}
.loginContent .loginWord h1{
  font-size:42px;
  line-height:42px;
  margin-bottom:20px;
  font-weight:600;
  letter-spacing:2px;
}
.loginContent .loginWord h3{
	font-size:32px;
	line-height:32px;
}
.loginContent .loginInput{
	background:#ffffff;
	color:#434a54;
	float:right;
  width:380px;
  margin-top:60px;
  border-radius:5px;
}
.loginContent .loginInput .login{
	display:inline-block;
	border-bottom:1px solid #e6e9ed;
	width:320px;
	height:70px;
  line-height:70px;
  padding:0 30px;
  font-size:18px;
}
.loginContent .loginInput .indexinput{
	border:0 none;
	border-top:1px solid #ffffff;
  border-bottom:1px solid #e6e9ed;
  color:#434a54;
	width:310px;
	height:58px;
	line-height:58px\9;
	padding:10px 0;
	padding-left:70px;
	font-size:16px;
}
.loginContent .loginInput .errorPut{
  padding:10px 0 9px 70px;
}
.indexinput::-webkit-input-placeholder, .indexinput:-moz-placeholder,
.indexinput::-moz-placeholder, .indexinput:-ms-input-placeholder{
  color: #434a54 !important;
}

.loginContent .loginInput .account{
	background:url("../images/user.png") no-repeat scroll 29px 27px transparent;
}
.loginContent .loginInput .password{
  background:url("../images/password.png") no-repeat scroll 29px 27px transparent;
}
.loginContent .loginInput .account:focus{
  background:url("../images/user_h.png") no-repeat scroll 29px 27px #e8f6f3;
  border-top:1px solid #84d4c1;
  border-bottom:1px solid #84d4c1;
}
.loginContent .loginInput .password:focus{
  background:url("../images/password_h.png") no-repeat scroll 29px 27px #e8f6f3;
  border-top:1px solid #84d4c1;
  border-bottom:1px solid #84d4c1;
}
.loginContent .loginInput .indexbtn{
	margin:30px 30px 15px;
	width:320px;
	height:44px;
	line-height:44px;
}
.loginContent .loginInput .waitBtn{
	background-position:140px 18px;
}
.loginContent .loginInput .forget{
	display:inline-block;
	margin:0 0 32px 32px;
	font-size:12px;
	line-height:12px;
}
.loginContent .loginError{
  border:1px solid #fadfdd;
  background:#fff5f4;
  text-align:center;
  color:#f85043;
  line-height:24px;
  padding:10px;
  margin:30px 30px 0;
/*   display:none; */
}

/* google二次登录密码弹出层样式  */
.googleTwiceLoginPop .popTitle{
  margin-bottom:35px;
}
.googleTwiceLoginPop li{
  margin-top:25px;
  position: relative;
}
.googleTwiceLoginPop li .popLeft{
  display:inline-block;
  width:120px;
  text-align:right;
  margin-right:30px;
}
.googleTwiceLoginPop li .put{
  width:300px;
}
.googleTwiceLoginPop li.popSubmit{
  text-align:center;
  padding:25px 0 50px;
}
/* 登录页面样式结束 */


/* 注册页面样式开始 */
.registerImg{
	background:url("../images/register.png") no-repeat scroll 0px 0px transparent;
  display:inline-block;
  line-height:23px;
  padding-left:42px;
}
.register li{
	margin-top:45px;
	position:relative;
}
.register li .inputName{
	display:inline-block;
	width:155px;
	padding-right:20px;
	text-align:right;
	line-height:44px;
}
.register li input.put{
	display:inline-block;
  width:370px;
  height:24px;
  line-height:24px;
  margin-left:10px;
}
.register li .codeSpan{
	position:absolute;
	right:182px;
	bottom:9px;
}
.register li .codeSpan .clickChange{
	float: right;
  height: 16px;
  line-height: 16px;
  margin: 20px 0 0 15px;
  color:#10ac86;
}
.register li .agreement{
  margin-left:10px;
}
.register li span.sel{
  width:370px;
  background-position: 360px -5px;
}
.register li span.sel:hover, .register li span.seled{
	width:368px;
	background-position: 370px -5px;
}
.register li .selContent{
	left:179px;
	top:45px;
	width:388px;
}
.register .selContent li{
	margin-top: 0px;
}
.register li .phonePre{
	position:absolute;
	left:188px;
	line-height:44px;
}
.register li input.phonePut{
	padding-left:50px;
	width:320px;
}
.register li .sendCode{
  position:absolute;
  right:180px;
  color:#10ac86;
  line-height:44px;
}
.register li .errorInfo{
  left:190px
}
.register li.regSubmit{
	margin-top:25px;
	padding-bottom:60px;
	text-align:center;
}
.register .regSubmit .regSpan{
	display:inline-block;
	width:320px;
	text-align:center;
}
/* 注册页面样式结束 */

/* 用户授权页面样式开始 */
.authorization .arLeft{
	float:left;
	width:460px;
	height:350px;
	margin:35px 0;
	padding-top:10px;
	text-align:center;
	border-right:1px solid #e5e5e5;
}
.authorization .arLeft img{
	border-radius:50%;
	width:64px;
	height:64px;
}
.authorization .arLeft .arQuestion{
  text-align:left;
  font-size:16px;
  padding:30px 0px 30px 70px;
  margin:0 50px;
  border-bottom:1px solid #e5e5e5;
}
.authorization .arLeft .arExplian{
	text-align:left;
	margin:20px 0 0 120px;
	color:#656d78;
}
.authorization .arLeft .arExplian li{
  line-height:38px;
}
.authorization .arLeft .arExplian li.ar_info{
	background: url("../images/ar_info.png") no-repeat scroll 0px 12px rgba(0, 0, 0, 0);
	padding-left:30px;
}
.authorization .arLeft .arExplian li.ar_friend{
  background: url("../images/ar_friend.png") no-repeat scroll 0px 12px rgba(0, 0, 0, 0);
  padding-left:30px;
}
.authorization .arLeft .arExplian li.ar_mail{
  background: url("../images/ar_mail.png")  no-repeat scroll 0px 12px rgba(0, 0, 0, 0);
  padding-left:30px;
}
.authorization .arRight{
  float:left;
  width:380px;
  height:350px;
  margin:35px 0px 35px 50px;
}
.authorization .arRight .arLogin{
  padding:10px 0 30px;
  font-size:18px;
  width:380px;
  text-align:center;
  border-bottom:1px solid #e6e9ed;
}
.authorization .arRight .arInput{
  margin-left:25px;
  width:330px;
}
.authorization .arRight .arInput li{
	margin-top:30px;
}
.authorization .arRight .arInput li .arPut{
	border:1px solid #e6e9ed;
	width:318px;
	height:44px;
	padding-left:10px;
	font-size:16px;
}
.authorization .arRight .arInput li .arBtn{
	width:330px;
}
.authorization .arRight .arInput li a{
	color:#656d78;
}
.authorization .arRight2{
  float:left;
  width:380px;
  height:350px;
  margin:35px 0px 35px 50px;
  text-align:center;
  display:none;
}
.authorization .arRight2 img{
  border-radius:50%;
	width:64px;
  height:64px;
  margin-top:10px;
}
.authorization .arRight2 .userName{
  margin:20px 0 40px;
}
.authorization .arRight2 .changeAccout{
  color:#10ac86;
}
.authorization .arRight2 .leftLine{
  float:left;
  display:inline-block;
  width:140px;
  border-top:1px solid #e5e5e5;
  height:14px;
  position:relative;
  top:11px;
}
.authorization .arRight2 .rightLine{
  float:right;
  display:inline-block;
  width:140px;
  border-top:1px solid #e5e5e5;
  height:14px;
  position:relative;
  top:11px;
}
.authorization .arRight2 .arBtn2{
  width:330px;
  margin-top:46px;
}
/* 用户授权页面样式结束 */